
import tpl from './index.html'

export default {
    template: tpl,
    propTypes: {
        // 1、常用
        // 组件唯一默认对外双向绑定的数据
        value: {
            type: 'number',
            value: ''
        },
        // 组件包裹层自定义行内样式
        style: {
            type: 'string',
            value: ''
        },
        // 2、更多
        mini: {
            type: function (value, props){
                // 只要传了disabled，不管写没写值都算
                return true;
            },
            value: false
        },
        type: {
            type: 'string',
            value: 'text'
        }
    },
    data: function(){
        return {
            name: "组件名称",
            // 状态
            states: {
                
            },
            opts: {
                max: 100,
                min: 0
            },
            other: {

            }
        }
    },
    methods: {
        
    },
    filters: {
        
    },
    // 数据监听
    watchers: {
        "value": {
            watcher: function(newValue){
                var self = this;
                var max = self.get('opts.max');
                var min = self.get('opts.min');
                if(newValue > max){
                    self.set('value', max)
                }
                if(newValue < min){
                    self.set('value', min)
                }
                
            },
            sync: true
        }
    },
    afterMount: function(){
        
    }
};